<template>
  <div class="itemBodys newTitle">
    <echarts></echarts>
  </div>
</template>

<script>
import echarts from './echarts/index.vue'
import { getItemAPI } from '@/api/home.js'
export default {
  name: 'item4_1Title',
  data () {
    return {
      list: []
    }
  },
  props: {objParent:{type:[Object,Array]}},
  components: { echarts },
  watch: {},
  methods: {
    async getData () {
      var parseOAList = []
      var names = parseOAList.slice(0, 5)
      const array2D = names.map(name => {
        return {
          name: name.titleName,
          value: name.passOA,
          value2: name.noPassOA,
          value3: name.noApplicable
        }
      })
      this.list = array2D
      // console.log(this.list, 'this.list')
    },
  },
  async mounted () {
    // this.getData()
  }
}
</script>

<style lang="scss" scoped>
.itemBodys {
  position: relative;
  width: calc(100% - 20px);
  height: calc(100% - 0px);
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: flex-start;

  .echartsMain {
    position: relative;
    height: calc(100% - 0px);
    width: 100%;
  }

  .tabRight {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    width: 100%;
    align-content: flex-start;
    position: absolute;
    top: -13px;
    z-index: 10;
    cursor: pointer;
  }
}
</style>
<style lang="scss">
.newTitle {
  .titleBg {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}
</style>
